<!DOCTYPE HTML>
<!--
	Paradigm Shift by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>王凤琪.我爱你</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link rel="stylesheet" href="assets/css/main.css" />
</head>

<body class="is-preload">

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Intro -->
		<section class="intro">
			<header>
				<h1>情侣空间</h1>
				<p>同时也欢迎浏览作者的CSDN或微博主页 <a href="https://blog.csdn.net/lofone">@CSDN</a> / <a
						href="https://weibo.com/lofone">@微博</a></p>
			</header>
			<div class="content">
				<!-- 这里插入第一张图片-->
				<span class="image fill" data-position="center"><img src="images/cartoon.jpg" alt="" /></span>
			</div>
		</section>

		<!-- Section -->
		<section id="12">
			<header>
				<h2>2021年10月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>洛阳</h3>
						<p>国庆节，飞飞与琪琪得以团聚</p>
					</header>
					<div class="content">
						<div class="gallery">
							<a href="images/lmsk1.jpg"><img src="images/lmsk1.jpg" alt="" /></a>
							<a href="images/lmsk2.jpg"><img src="images/lmsk2.jpg" alt="" /></a>

						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="11">
			<header>
				<h2>2021年07月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>安阳</h3>
						<p>毕业后，飞飞选择了养猪，琪琪选择了考研</p>
					</header>
					<div class="content">
						<div class="gallery">
							<a href="images/feed_pig.jpg"><img src="images/feed_pig.jpg" alt="" /></a>
							<a href="images/selfish_of_qi.jpg"><img src="images/selfish_of_qi.jpg" alt="" /></a>

						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="10">
			<header>
				<h2>2021年05月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>毕业季</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/couple1.jpg" alt="" /></span>
							<span class="image main"><img src="images/couple2.jpg" alt="" /></span>
						</div>
					</div>
				</section>
			</div>
		</section>
		<!-- Section -->
		<section id="09">
			<header>
				<h2>2021年03月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>五一公园地铁站</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/sayByeToQQ.jpg" alt="" /></span>
						</div>
					</div>
				</section>

			</div>
		</section>

		<!-- Section -->
		<section id="08">
			<header>
				<h2>2020年12月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>琪琪在图书馆</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/qqInLib.jpg" alt="" /></span>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="07">
			<header>
				<h2>2020年07月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>汝州</h3>
						<p>隔了一个月，琪琪来汝州找飞飞</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/qqAtRZ.jpg" alt="" /></span>
						</div>
					</div>
				</section>

			</div>
		</section>

		<!-- Section -->
		<section id='06'>
			<header>
				<h2>2020年06月</h2>
			</header>
			<div class="content">
				<!-- Section -->
				<section>
					<header>
						<h3>洛阳</h3>
						<p>半年没见了，飞飞去洛阳找琪琪</p>
					</header>
					<div class="content">
						<div class="gallery">
							<a href="images/LuoYang.jpg" class="landscape"><img src="images/LuoYang.jpg" alt="" /></a>
							<a href="images/coupleDuck.jpg"><img src="images/coupleDuck.jpg" alt="" /></a>
							<a href="images/luoyangMuseum.jpg"><img src="images/luoyangMuseum.jpg" alt="" /></a>
							<a href="images/oldStreet.jpg" class="landscape"><img src="images/oldStreet.jpg"
									alt="" /></a>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="05">
			<header>
				<h2>2020年03月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>汝州</h3>
						<p>疫情期间，date online</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/dateOnline.jpg" alt="" /></span>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="04">
			<header>
				<h2>2019年12月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>王琪琪融入孩子们中间，我们一起看了电影《冰雪奇缘2》</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/bears.jpg" alt="" /></span>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="03">
			<header>
				<h2>2019年10月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>公园茂，琪琪给飞飞过生日</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/parkIn.jpg" alt="" /></span>
							<a href="images/bigHead.jpg"><img src="images/bigHead.jpg" alt="" /></a>
							<a href="images/longSight.jpg"><img src="images/longSight.jpg" alt="" /></a>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id="02">
			<header>
				<h2>2019年08月</h2>
			</header>
			<div class="content">
				<section>
					<header>
						<h3>郑州</h3>
						<p>晚上约会</p>
					</header>
					<div class="content">
						<div class="gallery">
							<span class="image main"><img src="images/shadow.jpg" alt="" /></span>
						</div>
					</div>
				</section>
			</div>
		</section>

		<!-- Section -->
		<section id='01'>
			<header>
				<h2>2019年07月</h2>
			</header>
			<div class="content">
				<!-- Section -->
				<section>
					<header>
						<h3>汝州</h3>
						<p>爱情开始的时间</p>
					</header>
					<div class="content">
						<div class="gallery">
							<a href="images/mouse.jpg"><img src="images/mouse.jpg" alt="" /></a>
							<a href="images/cat.jpg"><img src="images/cat.jpg" alt="" /></a>
							<a href="images/adore1.jpg"><img src="images/adore1.jpg" alt="" /></a>
							<a href="images/adore2.jpg"><img src="images/adore2.jpg" alt="" /></a>
						</div>
					</div>
				</section>
			</div>
		</section>
		<!--
							
								<section>
									<header>
										<h3>Nisl consequat</h3>
										<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam sed facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet mauris. Ut magna finibus nisi nec lacinia ipsum maximus.</p>
									</header>
									<div class="content">
										<div class="gallery">
											<a href="images/05.jpg" class="landscape"><img src="images/thumbs/05.jpg" alt="" /></a>
											<a href="images/06.jpg"><img src="images/thumbs/06.jpg" alt="" /></a>
											<a href="images/07.jpg"><img src="images/thumbs/07.jpg" alt="" /></a>
										</div>
									</div>
								</section>

							
								<section>
									<header>
										<h3>Lorem gravida</h3>
										<p>Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aenean ornare velit lacus, ac varius sed enim lorem ullamcorper dolore.  ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis.</p>
									</header>
									<div class="content">
										<div class="gallery">
											<a href="images/08.jpg" class="portrait"><img src="images/thumbs/08.jpg" alt="" /></a>
											<a href="images/09.jpg" class="portrait"><img src="images/thumbs/09.jpg" alt="" /></a>
											<a href="images/10.jpg" class="landscape"><img src="images/thumbs/10.jpg" alt="" /></a>
										</div>
									</div>
								</section>

-->
		<!-- Elements -->

		<!-- Section -->
		<section>
			<header>
				<h2>联系作者</h2>
			</header>
			<div class="content">
				<p><strong>欢迎通过以下方式随手写一句祝福</strong></p>
				<form>
					<div class="fields">
						<div class="field half">
							<input type="text" name="name" id="name" placeholder="称呼" />
						</div>
						<div class="field half">
							<input type="email" name="email" id="email" placeholder="邮箱" />
						</div>
						<div class="field">
							<textarea name="message" id="message" placeholder="您想说些什么呢" rows="7"></textarea>
						</div>
					</div>
					<ul class="actions">
						<li><input type="submit" value="发送" class="button primary" /></li>
					</ul>
				</form>
			</div>
			<footer>
				<ul class="items">
					<li>
						<h3>Email</h3>
						<a href="#">lofone@icloud.com</a>
					</li>
					<li>
						<h3>Phone</h3>
						<a href="#">170-7388-8338</a>
					</li>
					<li>
						<h3>Address</h3>
						<span>郑州市 金水区</span>
					</li>
					<li>
						<h3>Elsewhere</h3>
						<ul class="icons">
							<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
							<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a>
							</li>
							<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a>
							</li>
							<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a>
							</li>
							<li><a href="https://github.com/lofon" class="icon brands fa-github"><span
										class="label">GitHub</span></a></li>
							<li><a href="#" class="icon brands fa-codepen"><span class="label">Codepen</span></a></li>
						</ul>
					</li>
				</ul>
			</footer>
		</section>

		<!-- Copyright -->
		<div class="copyright">&copy;All rights reserved.<a href="https://王凤琪.我爱你">王凤琪.我爱你</a>.</div>

	</div>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrolly.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>